@include b(control-gantt) {
  width: 100%;
  height: 100%;

  .xg-root {
    .xg-table-body .xg-table-row {
      cursor: pointer;

      .xg-table-cell:not(:first-child) {
        > div {
          padding: 0;
        }
      }
    }

    .xg-table-cell > div {
      width: 100%;

      .cell {
        height: 100%;
      }
    }
  }
  @include m(empty) {
    .xg-table-body {
      height: calc(100% - 86px) !important;
    }
  }
  @include e(slider) {
    height: 100%;
    padding: 0 12px;
    cursor: pointer;
    border-radius: 4px;
    @include m(container-title) {
      .icon {
        margin-right: 6px;
      }

      .number {
        display: flex;
        align-items: center;
      }

      .caption {
        margin: 8px;
        font-size: 16px;
        font-weight: 400;
      }
    }
    @include m(container-content) {
      display: flex;
      justify-content: space-between;

      .caption {
        margin: 4px;
        color: getCssVar(color, disabled, text);
      }

      .detail {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        align-items: center;
      }
    }
  }
  .#{bem('tree-grid-ex-field-column','','ellipsis')} {
    .#{bem('tree-grid-ex-field-column-text-container')} {
      min-width: 0;
    }
  }
  .#{bem('tree-grid-ex-field-column-toolbar-container')} {
    flex-shrink: 0;
  }
  .#{bem('tree-grid-ex-edit-column', 'editor')} {
    min-height: 32px;
  }
}
